<template>
  <div>
      <el-table
        :data='brandInfo'
        ref="multipleTable"        
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange">
        <el-table-column
          type="selection"
          width="55">
        </el-table-column>
        <el-table-column
          label="logo"
          width="120">
          <img :src="image" alt="">          
        </el-table-column>
        <el-table-column
          prop="brand"
          label="品牌"
          width="120">
        </el-table-column>
        
      </el-table>
  </div>
</template>

<script>

export default {
  name:'brandTable',
  data() {
    return {
        logo:''
    }
  },
  props:{
    brandInfo:Array,
    image:String
  },
  created() {
    console.log(this.brandInfo.logo);
    // this.blob()
    console.log(this.image);
    this.logoImage()
  },
  methods: {
     handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      logoImage(){
        console.log('dd ');
        this.logo = this.image.slice(5)
        this.image = "data:image/png;base64," + this.logo
        console.log(this.image);
      }
      
  },
  
}
</script>

<style>

</style>